<!DOCTYPE html><html lang="zh-CN"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>ac网址导航-争做简洁、高效的网址导航</title>
    <meta name="theme-color" content="#2C2E2F" />
    <link rel='stylesheet' id='font-awesome-css'
        href='https://fastly.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css?ver=5.9.3' type='text/css'
        media='all' />
    <link rel='stylesheet' id='bootstrap-css' href='./css/bootstrap.min.css' type='text/css' media='all' />
    <link rel='stylesheet' id='nav-css' href='./css/nav.css' type='text/css' media='all' />
    <script src='./js/jquery.min.js' id='jquery-js'></script>
    <link rel="icon" type="image/svg+xml" href="./imgs/favicon.ico">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?9d0d899722e65f4f0e74d7b101b7edbc";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>        
</head>
<body class="page-body white">
    <div class="cursor"></div>
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <div class="logo">
                        <a href="//nav.feipig.fun/" class="logo-expanded">
                            <img src="./imgs/blank.jpg" height="40" alt="ac 网址导航" />
                        </a>
                        <a href="//nav.feipig.fun" class="logo-collapsed">
                            <img src="./imgs/favicon.png" height="40" alt="ac 网址导航">
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                </header>
                <!-- 左侧目录 -->
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#常用" class="smooth">
                            <i class="fa fa-star fa-fw"></i>
                            <span class="title">常用</span>
                        </a>
                    </li>
                    <li>
                        <a href="#安全防诈" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">安全防诈</span>
                        </a>
                    </li>
                    <li>
                        <a href="#长点心吧" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">长点心吧</span>
                        </a>
                    </li>
                    <li>
                        <a href="#学习相关" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">学习相关</span>
                        </a>
                    </li>
                    <li>
                        <a href="#娱乐相关" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">娱乐相关</span>
                        </a>
                    </li>
                    <!-- <li>
                        <a href="#内网相关" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">内网相关</span>
                        </a>
                    </li> -->
                    <li>
                        <a href="#前端技术" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">前端技术</span>
                        </a>
                    </li>
                    <li>
                        <a href="#后端技术" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">后端技术</span>
                        </a>
                    </li>
                    <li>
                        <a href="#代码仓库" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">代码仓库</span>
                        </a>
                    </li>
                    <li>
                        <a href="#通用工具" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">通用工具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#专业工具" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">专业工具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#装机必备" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">装机必备</span>
                        </a>
                    </li>
                    <li>
                        <a href="#拓展软件" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">拓展软件</span>
                        </a>
                    </li>
                    <li>
                        <a href="#离线必备" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">离线必备</span>
                        </a>
                    </li>
                    <li>
                        <a href="#开发必备" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">开发必备</span>
                        </a>
                    </li>
                    <li>
                        <a href="#苹果专区" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">苹果专区</span>
                        </a>
                    </li>
                    <li>
                        <a href="#精品app" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">精品 app</span>
                        </a>
                    </li>
                    <li>
                        <a href="#软件资讯" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">软件资讯</span>
                        </a>
                    </li>
                    <li>
                        <a href="#关注博客" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">关注博客</span>
                        </a>
                    </li>
                    <li>
                        <a href="#其他" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">其他</span>
                        </a>
                    </li>
                    <li>
                        <a href="#关于我" class="smooth">
                            <i class="fa fa-fw"></i>
                            <span class="title">关于我</span>
                        </a>
                    </li>
                    <li class="submit-tag">
                        <div class="menu"></div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <div class="navbar-content">
                    <ul class="user-info-menu left-links list-inline list-unstyled">
                        <li class="hidden-xs">
                            <a href="#" data-toggle="sidebar"><i class="fa fa-bars"></i></a>
                        </li>
                    </ul>
                </div>
            </nav>

            <div id="search" class="s-search">
                <div id="search-list" class="hide-type-list">
                    <div class="s-type">
                        <span></span>
                        <div class="s-type-list animated fadeInUp">
                            <label for="type-wuzhuiso">常用</label>
                            <label for="type-pexels">图片</label>
                            <label for="type-163">音乐</label>
                            <label for="type-myfreemp4">视频</label>
                            <label for="type-jd">购物</label>
                            <label for="type-wangpan">网盘</label>
                        </div>
                    </div>
                    <div class="search-group group-a">
                        <span class="type-text">常用</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-wuzhuiso"
                                    value="https://www.wuzhuiso.com/s?q=" data-placeholder="无追搜索">
                                <label for="type-wuzhuiso" class="metaColor transition">无追</label>
                            </li>
                            <li><input hidden type="radio" name="type" id="type-zhihu"
                                value="https://www.zhihu.com/search?q=" data-placeholder="知乎搜索发现">
                                <label for="type-zhihu" class="metaColor transition">知乎</label>
                            </li>
                            <li><input hidden type="radio" name="type" id="type-wallhaven"
                                    value="https://wallhaven.cc/search?q="
                                    data-placeholder="Wallhaven 免费高品质图库">
                                <label for="type-wallhaven" class="metaColor transition">Wallhaven</label>
                            </li>
                        </ul>
                    </div>
                    <div class="search-group group-c">
                        <span class="type-text">图片</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-pexels"
                                    value="https://www.pexels.com/search/" data-placeholder="Pexels 免费图库搜索"><label
                                    for="type-pexels" class="metaColor transition">Pexels</label></li>
                            <li><input hidden type="radio" name="type" id="type-hellorf"
                                    value="http://www.hellorf.com/photo/search/all/" data-placeholder="海洛正版图库"><label
                                    for="type-hellorf" class="metaColor transition">海洛</label></li>
                            <li><input hidden type="radio" name="type" id="type-baidu-images"
                                    value="http://image.baidu.com/search/index?tn=baiduimage&amp;ps=1&amp;ct=201326592&amp;lm=-1&amp;cl=2&amp;nc=1&amp;ie=utf-8&amp;word="
                                    data-placeholder="百度图片搜索"><label for="type-baidu-images"
                                    class="metaColor transition">百度</label></li>
                            <li><input hidden type="radio" name="type" id="type-google-images"
                                    value="https://www.google.com.hk/search?newwindow=1&amp;safe=strict&amp;biw=1542&amp;bih=956&amp;tbm=isch&amp;sa=1&amp;q="
                                    data-placeholder="Google 图片搜索"><label for="type-google-images"
                                    class="metaColor transition">Google</label></li>
                            <li><input hidden type="radio" name="type" id="type-bing-images"
                                    value="http://cn.bing.com/images/search?q=" data-placeholder="Bing 图片搜索"><label
                                    for="type-bing-images" class="metaColor transition">Bing</label></li>
                            <li><input hidden type="radio" name="type" id="type-500px"
                                    value="https://500px.com/search?q=" data-placeholder="500PX 高品质摄影图片搜索"><label
                                    for="type-500px" class="metaColor transition">500PX</label></li>
                            <li><input hidden type="radio" name="type" id="type-unsplash"
                                    value="https://unsplash.com/search/" data-placeholder="优美免费无版权高清图片搜索"><label
                                    for="type-unsplash" class="metaColor transition">Unsplash</label></li>
                        </ul>
                    </div>

                    <div class="search-group group-d">
                        <span class="type-text">音乐</span>
                        <ul class="search-type">
                            <li>
                                <input hidden hidden="" type="radio" name="type" id="type-qq-music"
                                    value="https://y.qq.com/portal/search.html#searchid=1&amp;remoteplace=txt.yqq.top&amp;t=song&amp;w="
                                    data-placeholder="QQ 音乐">
                                <label for="type-qq-music" class="metaColor transition">QQ音乐</label>
                            </li>
                            <li><input hidden hidden="" type="radio" name="type" id="type-163"
                                    value="https://music.163.com/#/search/m/?s=" data-placeholder="网易云音乐搜索">
                                <label for="type-163" class="metaColor transition">网易云音乐</label>
                            </li>
                        </ul>
                    </div>
                    <div class="search-group group-e">
                        <span class="type-text">视频</span>
                        <ul class="search-type">
                            <li>
                                <input hidden type="radio" name="type" id="type-myfreemp4"
                                    value="https://lab.liumingye.cn/vodsearch/-------------.html?submit=&wd="
                                    data-placeholder="高清电影在线播放">
                                <label for="type-myfreemp4" class="metaColor transition">MyFreeMP4</label>
                            </li>
                            <li><input hidden type="radio" name="type" id="type-bilibili"
                                value="https://search.bilibili.com/all?keyword=" data-placeholder="bilibili 搜索">
                                <label for="type-bilibili" class="metaColor transition">bilibili</label>
                            </li>
                            <li>
                                <input hidden type="radio" name="type" id="type-qiyi"
                                    value="https://so.iqiyi.com/so/q_" data-placeholder="爱奇艺搜索">
                                <label for="type-qiyi" class="metaColor transition">爱奇艺</label>
                            </li>
                            <li>
                                <input hidden type="radio" name="type" id="type-gaoqing"
                                    value="https://v.qq.com/x/search/?q=" data-placeholder="腾讯视频搜索">
                                <label for="type-gaoqing" class="metaColor transition">腾讯视频</label>
                            </li>
                            <li>
                                <input hidden type="radio" name="type" id="type-youku"
                                    value="https://www.soku.com/search_video/q_" data-placeholder="优酷视频搜索">
                                <label for="type-youku" class="metaColor transition">优酷</label>
                            </li>
                            <li>
                                <input hidden type="radio" name="type" id="type-mgtv"
                                    value="https://so.mgtv.com/so?k=" data-placeholder="芒果TV搜索">
                                <label for="type-mgtv" class="metaColor transition">芒果TV</label>
                            </li>       
                        </ul>
                    </div>

                    <div class="search-group group-f">
                        <span class="type-text">购物</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-jd"
                                    value="https://search.jd.com/Search?keyword=" data-placeholder="京东商品搜索"><label
                                    for="type-jd" class="metaColor transition">京东</label></li>
                            <li><input hidden type="radio" name="type" id="type-taobao"
                                    value="https://s.taobao.com/search?q=" data-placeholder="淘宝商品搜索"><label
                                    for="type-taobao" class="metaColor transition">淘宝</label></li>
                            <li><input hidden type="radio" name="type" id="type-tmall"
                                    value="https://list.tmall.com/search_product.htm?q="
                                    data-placeholder="天猫商品搜索"><label for="type-tmall"
                                    class="metaColor transition">天猫</label></li>
                            <li><input hidden type="radio" name="type" id="type-amazon"
                                    value="https://www.amazon.cn/s/ref=nb_sb_noss_1?__mk_zh_CN=亚马逊网站&amp;url=search-alias%3Daps&amp;field-keywords="
                                    data-placeholder="亚马逊商品搜索"><label for="type-amazon"
                                    class="metaColor transition">亚马逊</label></li>
                            <li><input hidden type="radio" name="type" id="type-dangdang"
                                    value="https://search.dangdang.com/?key=" data-placeholder="当当商品搜索"><label
                                    for="type-dangdang" class="metaColor transition">当当</label></li>
                        </ul>
                    </div>

                    <div class="search-group group-g">
                        <span class="type-text">网盘</span>
                        <ul class="search-type">
                            <li><input hidden type="radio" name="type" id="type-wangpan"
                                    value="https://www.alipansou.com/search?k=" data-placeholder="阿里云盘搜索"><label
                                    for="type-wangpan" class="metaColor transition">阿里云盘</label></li>
                            <li><input hidden type="radio" name="type" id="type-tianyiso"
                                    value="https://www.tianyiso.com/search?k=" data-placeholder="天翼云盘搜索"><label
                                    for="type-tianyiso" class="metaColor transition">天翼云盘</label></li>
                            <li><input hidden type="radio" name="type" id="type-xiongdipan"
                                        value="https://www.xiongdipan.com/search?k=" data-placeholder="百度网盘搜索"><label
                                        for="type-xiongdipan" class="metaColor transition">百度网盘</label></li>
                        </ul>
                    </div>
                </div>
                <form action="?s=" method="get" target="_blank" id="super-search-fm"><input type="text" id="search-text"
                        placeholder="输入关键字搜索" style="outline:0">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
                <div class="set-check hidden-xs">
                    <input type="checkbox" id="set-search-blank" class="bubble-3" autocomplete="off">
                </div>
            </div>
            <script>
                !function () { function g() { h(), i(), j(), k() } function h() { d.checked = s() } function i() { var a = document.querySelector('input[name="type"][value="' + p() + '"]'); a && (a.checked = !0, l(a)) } function j() { v(u()) } function k() { w(t()) } function l(a) { for (var b = 0; b < e.length; b++)e[b].classList.remove("s-current"); a.parentNode.parentNode.parentNode.classList.add("s-current") } function m(a, b) { window.localStorage.setItem("superSearch" + a, b) } function n(a) { return window.localStorage.getItem("superSearch" + a) } function o(a) { f = a.target, v(u()), w(a.target.value), m("type", a.target.value), c.focus(), l(a.target) } function p() { var b = n("type"); return b || a[0].value } function q(a) { m("newWindow", a.target.checked ? 1 : -1), x(a.target.checked) } function r(a) { return a.preventDefault(), "" == c.value ? (c.focus(), !1) : (w(t() + c.value), x(s()), s() ? window.open(b.action, +new Date) : location.href = b.action, void 0) } function s() { var a = n("newWindow"); return a ? 1 == a : !0 } function t() { return document.querySelector('input[name="type"]:checked').value } function u() { return document.querySelector('input[name="type"]:checked').getAttribute("data-placeholder") } function v(a) { c.setAttribute("placeholder", a) } function w(a) { b.action = a } function x(a) { a ? b.target = "_blank" : b.removeAttribute("target") } var y, a = document.querySelectorAll('input[name="type"]'), b = document.querySelector("#super-search-fm"), c = document.querySelector("#search-text"), d = document.querySelector("#set-search-blank"), e = document.querySelectorAll(".search-group"), f = a[0]; for (g(), y = 0; y < a.length; y++)a[y].addEventListener("change", o); d.addEventListener("change", q), b.addEventListener("submit", r) }();
            </script>
            <div class="sites-list" style="margin-bottom: 8.5rem;">
                <div class="row">
                    <div class="ad ad-home col-md-6">
                        <ins class="adsbygoogle" style="display:block; text-align:center;"
                            data-ad-layout="in-article"></ins>
                    </div>
                    <div class="ad ad-home col-md-6 visible-md-block visible-lg-block">
                        <ins class="adsbygoogle" style="display:block; text-align:center;"
                            data-ad-layout="in-article"></ins>
                    </div>
                </div>

                <h4 class="text-gray" style="display: inline-block;" id="常用">常用</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ixigua.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="ixigua.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/ixigua.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【视频】西瓜视频</strong>
                                    </div>
                                    <p class="overflowClip_2">点亮对生活的好奇心</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.bilibili.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="bilibili.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bilibili.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【视频】哔哩哔哩</strong>
                                    </div>
                                    <p class="overflowClip_2"> (゜-゜)つロ 干杯~</p>
                                </div>
                            </div>
                        </a>
                    </div>                   

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://web.baimiaoapp.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="web.baimiaoapp.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/白描.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>白描 OCR</strong>
                                    </div>
                                    <p class="overflowClip_2">在线 OCR 文字识别</p>
                                </div>
                            </div>
                        </a>
                    </div> -->                    

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.douyin.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="douyin.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/抖音.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>抖音</strong>
                                    </div>
                                    <p class="overflowClip_2">记录美好生活</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ithome.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="ithome.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/ithome.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【资讯】IT 之家</strong>
                                    </div>
                                    <p class="overflowClip_2">爱科技，爱这里</p>
                                </div>
                            </div>
                        </a>
                    </div>  

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.landiannews.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="ixigua.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/landian.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【资讯】蓝点网</strong>
                                    </div>
                                    <p class="overflowClip_2">给你感兴趣的内容</p>
                                </div>
                            </div>
                        </a>
                    </div>                    

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.iplaysoft.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.iplaysoft.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/iplaysoft.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【资讯】异次元软件</strong>
                                    </div>
                                    <p class="overflowClip_2">软件改变生活</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://mail.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="mail.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/mail.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【办公】QQ 邮箱</strong>
                                    </div>
                                    <p class="overflowClip_2">QQ邮箱，常联系</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://fanyi.caiyunapp.com/#/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="fanyi.caiyunapp.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/caiyun.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>彩云小译</strong>
                                    </div>
                                    <p class="overflowClip_2">开拓你的世界</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="安全防诈">谨防诈骗，守护财产，绝不转账，骗子全家嗝屁</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://sj.qq.com/appdetail/com.hicorenational.antifraud" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/fanzhapian.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1" style="color: red"><strong>【App】国家反诈中心</strong></div>
                                    <p class="overflowClip_2">全国携手，全力防范</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ithome.com/0/627/458.htm" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/云闪付.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>【App】云闪付“一键查卡”</strong></div>
                                    <p class="overflowClip_2">一键查询银行卡，强化银行卡管理</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://getsimnum.caict.ac.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/anquan/dianhua.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>全国移动电话卡“一证通查”</strong></div>
                                    <p class="overflowClip_2">防范不法分子利用他人账号实施新型电诈</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ithome.com/0/739/923.htm" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>【小程序】工信部一证通查2.0</strong></div>
                                    <p class="overflowClip_2">互联网账号查询，并提供账号解绑 / 投诉一键跳转办理服务</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://shouji.360.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="shouji.360.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360weishi.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>360 手机卫士 app</strong></div>
                                    <p class="overflowClip_2">防诈骗防偷拍</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.onedns.net/personal" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="onedns.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/anquan/Onedns.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>OneDNS</strong></div>
                                    <p class="overflowClip_2">守护个人和家庭网络安全</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://zhushou.360.cn/detail/index/soft_id/95487" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360llq.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1" style="color: red"><strong>【App】360 安全浏览器</strong></div>
                                    <p class="overflowClip_2">安全上网</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.lapin365.com/item/190924151958887051.htm" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1" style="color: red"><strong>手机号防骚扰服务</strong></div>
                                    <p class="overflowClip_2">中国移动/联通/电信防骚扰服务</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://browser.360.cn/ee/index.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360chrome.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【电脑】360 极速浏览器</strong>
                                    </div>
                                    <p class="overflowClip_2">自动拦截欺诈、木马网站</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://mybrowseraddon.com/flag-plus.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/anquan/flag-plus48.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>【浏览器插件】CountryFlag+</strong></div>
                                    <p class="overflowClip_2">根据 URL 查询服务器地理信息</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.12321.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="12321.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/anquan/12321.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>12321 举报受理中心</strong></div>
                                    <p class="overflowClip_2">网络不良与垃圾信息举报受理中心</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://fuwu.360.cn/jubao/wangzhi" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360weishi.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>360 恶意网址举报平台</strong></div>
                                    <p class="overflowClip_2">关心安全关心你</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.12377.cn/index.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/安全防诈/网信办.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>违法和不良信息举报中心</strong></div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://m.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="m.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/com.tencent.qqpimsecure.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>腾讯手机管家 app</strong></div>
                                    <p class="overflowClip_2">有实力 无所惧</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="长点心吧">避坑不良个人/企业/商家</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ithome.com/0/726/322.htm" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>12315 投诉公示</strong></div>
                                    <p class="overflowClip_2">查询商家投诉情况</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.tianyancha.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>天眼查</strong></div>
                                    <p class="overflowClip_2">企业信息查询</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://wenshu.court.gov.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>裁判文书网</strong></div>
                                    <p class="overflowClip_2">个人涉案查询</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://ipcrs.pbccrc.org.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>个人信用信息服务平台</strong></div>
                                    <p class="overflowClip_2">防止骗子以修复征信为由实施诈骗</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="学习相关">学习相关</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://refactoringguru.cn/design-patterns" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/design-pattern.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>design pattern 教程</strong>
                                    </div>
                                    <p class="overflowClip_2">软件设计中常见问题的工具箱</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://refactoringguru.cn/refactoring" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/design-pattern.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>refactor 教程</strong>
                                    </div>
                                    <p class="overflowClip_2">Refactoring is a systematic process of improving code</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ituring.com.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="ituring.com.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/ituring.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>图灵社区</strong>
                                    </div>
                                    <p class="overflowClip_2">技术书籍</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://weread.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="weread.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wxreader.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>微信读书</strong>
                                    </div>
                                    <p class="overflowClip_2">正版书籍小说免费读</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <br />
                <h4 class="text-gray" style="display: inline-block;" id="娱乐相关">娱乐相关</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.guokr.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="guokr.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/guoke.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>果壳网</strong>
                                    </div>
                                    <p class="overflowClip_2">科技有意思</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.soman.com/search.html?keyword=%E6%B5%B7%E8%B4%BC%E7%8E%8B" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="soman.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/soman.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>海贼王漫画</strong>
                                    </div>
                                    <p class="overflowClip_2">草帽路飞为寻宝而展开的冒险故事</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.toutiao.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="toutiao.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/toutiao.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>今日头条</strong>
                                    </div>
                                    <p class="overflowClip_2">你关心的才是头条</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://hs.blizzard.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="hs.blizzard.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/hs.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>炉石传说-国际服</strong>
                                    </div>
                                    <p class="overflowClip_2">休闲卡牌的网游</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ygdy8.net/index.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="ygdy8.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/dytt.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>电影天堂</strong></div>
                                    <p class="overflowClip_2">免费电影下载</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://music.163.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="music.163.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/netease.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>网易云音乐</strong>
                                    </div>
                                    <p class="overflowClip_2">用音乐传递美好力量</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                </div><br />

                <!-- <h4 class="text-gray" style="display: inline-block;" id="内网相关">内网相关</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://appstore.worksforce.cn/xiaohuyun" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/mfox.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>小狐云</strong>
                                    </div>
                                    <p class="overflowClip_2">安卓版 App 下载</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br /> -->

                <h4 class="text-gray" style="display: inline-block;" id="前端技术">前端技术</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://wangdoc.com/html/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wangdao.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>HTML 教程 - 网道</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://wangdoc.com/javascript/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wangdao.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>JavaScript 教程 - 网道</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://developer.mozilla.org/zh-CN/docs/Web" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/mdn.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Web 开发技术 | MDN</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://cn.vuejs.org" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="cn.vuejs.org">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/vue.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Vue.js</strong>
                                    </div>
                                    <p class="overflowClip_2">渐进式 JavaScript 框架</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://v2.cn.vuejs.org/v2/guide/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/vue.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Vue 官方教程</strong>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.runoob.com/vue2/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/cailiao.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Vue 2 教程</strong>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.runoob.com/vue3/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/cailiao.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Vue 3 教程</strong>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://zh.javascript.info" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="zh.javascript.info">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/zh.javascript.info.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>现代 JavaScript 教程</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="后端技术">后端技术</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://how2j.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="how2j.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/How2J.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>How2J</strong>
                                    </div>
                                    <p class="overflowClip_2">How2J 的 Java 教程</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://leetcode.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="leetcode.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/leecode.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>LeetCode 力扣</strong>
                                    </div>
                                    <p class="overflowClip_2">算法刷题</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://javaguide.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="javaguide.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/JavaGuide.svg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>JavaGuide</strong>
                                    </div>
                                    <p class="overflowClip_2">Java学习+面试指南</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://www.51gjie.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="51gjie.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>JAVAschool</strong>
                                    </div>
                                    <p class="overflowClip_2">免费 JAVA 教程，简单JAVA学习！</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://docs.oracle.com/javase/tutorial/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/oracle.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Java 官方教程</strong>
                                    </div>
                                    <p class="overflowClip_2">The Java™ Tutorials</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tobebetterjavaer.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="tobebetterjavaer.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/java-course.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Java 进阶之路</strong>
                                    </div>
                                    <p class="overflowClip_2">通俗易懂的学习指南</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://docs.javaboy.org/ssm/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/江南一点雨.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Java 修炼手册</strong>
                                    </div>
                                    <p class="overflowClip_2">江南一点雨出品</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://edu.aliyun.com/roadmap/java" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="edu.aliyun.com/roadmap/java">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/aliyun.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Java 学习路线（学+测）</strong>
                                    </div>
                                    <p class="overflowClip_2">阿里云培训中心</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://doc.code-nav.cn/roadmap/java" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/yupi.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Java 学习路线一条龙</strong>
                                    </div>
                                    <p class="overflowClip_2">by 鱼皮</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://blog.didispace.com/spring-boot-learning-2x/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/didi.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Spring Boot 2.x 教程</strong>
                                    </div>
                                    <p class="overflowClip_2">打造更好的 Spring Boot 教程</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.runoob.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="runoob.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/cailiao.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>菜鸟教程</strong>
                                    </div>
                                    <p class="overflowClip_2">学的不仅是技术，更是梦想！</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.luffycity.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="luffycity.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/back/Luffy.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>路飞学城</strong>
                                    </div>
                                    <p class="overflowClip_2">通过努力学习获得体面工作</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://time.geekbang.org/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="time.geekbang.org">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/geektime.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>极客时间</strong>
                                    </div>
                                    <p class="overflowClip_2">轻松高效学习</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://juejin.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="juejin.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/juejin.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>掘金</strong>
                                    </div>
                                    <p class="overflowClip_2">代码不止，掘金不停</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://kaiwu.lagou.com/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="kaiwu.lagou.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/edu.lagou.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>拉勾教育</strong>
                                    </div>
                                    <p class="overflowClip_2">拉勾旗下教育平台</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.qikegu.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="qikegu.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/奇客谷.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>奇客谷教程</strong>
                                    </div>
                                    <p class="overflowClip_2">精品编程教程与实例</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://programmercarl.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/代码随想录.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>算法-代码随想录</strong>
                                    </div>
                                    <p class="overflowClip_2">一套完整的刷题计划</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://labuladong.gitee.io/algo/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="labuladong.gitee.io/algo">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/算法小抄.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>算法小抄</strong>
                                    </div>
                                    <p class="overflowClip_2">LABULADONG 的算法网站</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.wdbyte.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="wdbyte.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/未读代码.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>未读代码</strong>
                                    </div>
                                    <p class="overflowClip_2">结构化 Java 系列文档</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="代码仓库">代码仓库</h4>
                <div class="row">
                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://gitee.com/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="gitee.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/gitee.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Gitee</strong>
                                    </div>
                                    <p class="overflowClip_2">码云-代码托管·协作开发</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://gitcode.net" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="gitcode.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/gitcode.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>GitCode</strong>
                                    </div>
                                    <p class="overflowClip_2">csdn 推出的代码仓库</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://github.com/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="github.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/github.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Github</strong>
                                    </div>
                                    <p class="overflowClip_2">Where the world builds software</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://gitlab.cn" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="gitlab.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/gitlab.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Gitlab 极狐</strong>
                                    </div>
                                    <p class="overflowClip_2">GitLab 中文官网</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="通用工具">通用工具</h4>
                <div class="row">
                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://chat-shared2.zhile.io/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="nstool.netease.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/chatgpt.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>ChatGPT 免魔法版</strong>
                                    </div>
                                    <p class="overflowClip_2">回答各种问题，提供信息和进行对话</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://nstool.netease.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="nstool.netease.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>DNS 检测工具</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tool.lu/ip/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="json.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/tool.lu.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>IP 地址查询</strong></div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tinify.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="tinify.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/tinify.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>TinyPNG 图片压缩</strong>
                                    </div>
                                    <p class="overflowClip_2">智能压缩 WebP、JPEG 和 PNG</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.meiguodizhi.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/美国地址生成器.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>美国地址生成器</strong>
                                    </div>
                                    <p class="overflowClip_2">美国地址 / 身份 / 信用卡生成器</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.alicloud.link/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>在线短网址生成</strong>
                                    </div>
                                    <p class="overflowClip_2">在线短网址生成</p>
                                </div>
                            </div>
                        </a>
                    </div>                    
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="专业工具">专业工具</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tool.jisuapi.com/base642pic.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="tool.jisuapi.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/jisuapi.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>BASE64 转图片</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://ghproxy.com/" target="_blank" class="xe-widget xe-conversations box2 label-info"
                            data-toggle="tooltip" data-placement="bottom" title="ghproxy.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/github.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>GitHub Proxy 代理加速</strong>
                                    </div>
                                    <p class="overflowClip_2">GitHub 文件代理加速下载服务</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.json.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="json.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/json.cn.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>JSON 格式化</strong></div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.bejson.com/json2javapojo/new/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.bejson.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bejson.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>JSON 生成 Java 类</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tool.box3.cn/jwt.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="tool.box3.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/box3.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>JWT 解码</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://mvnrepository.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="mvnrepository.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Maven Repository</strong>
                                    </div>
                                    <p class="overflowClip_2">Maven Repository Search</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://www.ttmd5.com/list.php" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/ttmd5.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>md5 等常用加解密</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                    
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.tutorialspoint.com/linux_terminal_online.php" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="tutorialspoint.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/linux_terminal_online.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Online Linux Terminal</strong>
                                    </div>
                                    <p class="overflowClip_2">unixterm</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://java.bejson.com/generator/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="java.bejson.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bejson.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>SQL  生成 Java 类</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tool.lu/timestamp/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/tool.lu.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Timestamp 时间戳转换</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://c.runoob.com/front-end/3602/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="c.runoob.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/runoob-tool.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Unicode 编码转换</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://c.runoob.com/front-end/695/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="c.runoob.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/runoob-tool.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>URL 编码/解码</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://whois.chinaz.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="whois.chinaz.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/chinaz.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>Whois 查询(网址检测)</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://tool.oschina.net/codeformat/xml" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="tool.oschina.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/oschina.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>XML 格式化</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.diyifanwen.com/tool/fantizi/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/简繁体转换.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>简繁字转换</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://c.runoob.com/front-end/59/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="c.runoob.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/runoob-tool.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>图片转 BASE64</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.bitbug.net/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="bitbug.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/在线图标制作.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>在线制作 ico 图标</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://c.runoob.com/front-end/854/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="c.runoob.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/runoob-tool.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>正则在线测试</strong>
                                    </div>
                                    <p class="overflowClip_2"></p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="装机必备">装机必备</h4>
                <div class="row">

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.huorong.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="huorong.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/huorong.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】火绒安全</strong>
                                    </div>
                                    <p class="overflowClip_2">专注终端安全</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://browser.360.cn/ee/index.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="browser.360.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360chrome.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win&mac】360极速浏览器</strong>
                                    </div>
                                    <p class="overflowClip_2">畅快浏览 极致体验</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://yasuo.360.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="yasuo.360.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360zip.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win&mac】360 压缩</strong>
                                    </div>
                                    <p class="overflowClip_2">免费解压缩软件</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.yingdev.com/projects/wgestures" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.yingdev.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/WGestures.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】WGestures</strong>
                                    </div>
                                    <p class="overflowClip_2">一个更简单、更现代的鼠标手势</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://z.weixin.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="z.weixin.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/微信输入法.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】微信输入法</strong>
                                    </div>
                                    <p class="overflowClip_2">简洁、好用、打字快</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://bitwarden.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="bitwarden.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bitwarden.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Bitwarden</strong>
                                    </div>
                                    <p class="overflowClip_2">数百万人信任的密码管理器</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.aliyundrive.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="aliyundrive.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/alicloud.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】阿里云盘</strong>
                                    </div>
                                    <p class="overflowClip_2">备份无忧 免费不限速</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.spotify.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.spotify.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/app/Spotify.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Spotify</strong>
                                    </div>
                                    <p class="overflowClip_2">谷歌评选的最佳音乐平台</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://y.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="y.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/qqmusic.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win&mac】QQ音乐</strong>
                                    </div>
                                    <p class="overflowClip_2">听我想听</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://pinyin.sogou.com/zhihui/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/sogou.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>搜狗输入法智慧版</strong>
                                    </div>
                                    <p class="overflowClip_2">再遇见 大不同</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="拓展软件">拓展软件</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://pixpinapp.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="pixpinapp.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/拓展软件/PixPin.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win&mac】PixPin</strong>
                                    </div>
                                    <p class="overflowClip_2">截图/贴图/长截图/文字识别/标注</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://motrix.app/zh-CN/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="motrix.app">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/拓展软件/Motrix.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Motrix</strong>
                                    </div>
                                    <p class="overflowClip_2">一款全能的下载工具</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://justgetflux.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="justgetflux.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/flux-icon-sm.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】f.lux</strong>
                                    </div>
                                    <p class="overflowClip_2">全天候保护眼睛健康</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://apps.microsoft.com/store/detail/eyes-guard/9PHW0XFKZD7J" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/eyesguard.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】Eyes Guard</strong>
                                    </div>
                                    <p class="overflowClip_2">保护你的眼睛</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.wps.cn" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="wps.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wps.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】WPS</strong>
                                    </div>
                                    <p class="overflowClip_2">国产 Office 办公软件</p>
                                </div>
                            </div>
                        </a>
                    </div>                    

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.foxmail.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="foxmail.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/foxmail.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win&mac】Foxmail</strong>
                                    </div>
                                    <p class="overflowClip_2">你的邮件，现在有了新看法</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://zh.snipaste.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="zh.snipaste.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/snipaste.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win&mac】Snipaste</strong>
                                    </div>
                                    <p class="overflowClip_2">截图 + 贴图</p>
                                </div>
                            </div>
                        </a>
                    </div> -->                    
                    

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://browser.360.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="browser.360.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/360pcbrowser.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】360 安全浏览器</strong>
                                    </div>
                                    <p class="overflowClip_2">全面保护上网安全</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.todesk.com/download.html" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="todesk.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/拓展软件/todesk.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】ToDesk</strong>
                                    </div>
                                    <p class="overflowClip_2">远程连接电脑手机</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://gitcode.com/acc8226/jiejian/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/捷键.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】捷键</strong>
                                    </div>
                                    <p class="overflowClip_2">自制 windows 工具，可搭配鼠标手势</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="离线必备">离线必备</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://app.bilibili.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="app.bilibili.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bilibili.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】bilibili 客户端</strong>
                                    </div>
                                    <p class="overflowClip_2">在线 + 离线视频播放</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://potplayer.org/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="potplayer.org">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/potplayer.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】PotPlayer</strong>
                                    </div>
                                    <p class="overflowClip_2">高清影音播放器</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://github.com/zhongyang219/MusicPlayer2/releases" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/favicon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】MusicPlayer2</strong>
                                    </div>
                                    <p class="overflowClip_2">多功能音频播放器</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.sumatrapdfreader.org/free-pdf-reader" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/离线必备/pdf.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【win】Sumatra PDF</strong>
                                    </div>
                                    <p class="overflowClip_2">pdf 和 电子书阅读器</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="开发必备">开发必备</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://git-scm.com/downloads" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="git-scm.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/开发必备/git.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Git</strong>
                                    </div>
                                    <p class="overflowClip_2">版本管理控制必备</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.termius.com" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.termius.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/开发必备/Termius.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Termius 终端</strong>
                                    </div>
                                    <p class="overflowClip_2">热门的企业级终端工具</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://code.visualstudio.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="code.visualstudio.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/开发必备/vscode.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】VS code</strong>
                                    </div>
                                    <p class="overflowClip_2">现代流行的全能编辑器</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.jetbrains.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.jetbrains.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/开发必备/jetbrains.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Jetbrains 系列</strong>
                                    </div>
                                    <p class="overflowClip_2">前后端都能用的全家桶</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="苹果专区">苹果专区</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://reederapp.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="reederapp.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/Reeder.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【mac&iOS】Reeder</strong>
                                    </div>
                                    <p class="overflowClip_2">Your news reader</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="http://www.hammerspoon.org/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="hammerspoon.org">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/hammerspoon.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【mac】Hammerspoon</strong>
                                    </div>
                                    <p class="overflowClip_2">a tool for powerful automation</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.raycast.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="raycast.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/ray.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【mac】Raycast</strong>
                                    </div>
                                    <p class="overflowClip_2">Supercharged productivity</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://macpaw.com/the-unarchiver" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/theunarchiver.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【mac】The Unarchiver</strong>
                                    </div>
                                    <p class="overflowClip_2">Top Free Unarchiving Software</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />                

                <h4 class="text-gray" style="display: inline-block;" id="精品app">精品 app</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://sj.qq.com/appdetail/com.hicorenational.antifraud" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/fanzhapian.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1" style="color: red"><strong>【全平台】国家反诈中心</strong></div>
                                    <p class="overflowClip_2">严打电信网络诈骗，保护群众财产安全</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://google-authenticator.en.softonic.com/android" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/Google Authenticator.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】谷歌验证器</strong>
                                    </div>
                                    <p class="overflowClip_2">provides users with the ability to create 2FA</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://bitwarden.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="bitwarden.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bitwarden.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】bitwarden</strong>
                                    </div>
                                    <p class="overflowClip_2">数百万人信任的密码管理器</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.aliyundrive.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/alicloud.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】阿里云盘</strong>
                                    </div>
                                    <p class="overflowClip_2">备份无忧 免费不限速</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://weread.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="weread.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wxreader.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】微信读书</strong>
                                    </div>
                                    <p class="overflowClip_2">正版书籍小说免费读</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.spotify.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.spotify.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/app/Spotify.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】Spotify</strong>
                                    </div>
                                    <p class="overflowClip_2">谷歌评选的最佳音乐平台</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://y.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="y.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/qqmusic.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】QQ音乐</strong>
                                    </div>
                                    <p class="overflowClip_2">听我想听</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://sj.qq.com/appdetail/com.luojilab.player" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/得到.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】得到</strong>
                                    </div>
                                    <p class="overflowClip_2">专注于服务终身学习者</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://sj.qq.com/appdetail/com.tencent.wetype" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="z.weixin.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/微信输入法.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【全平台】微信输入法</strong>
                                    </div>
                                    <p class="overflowClip_2">简洁、好用、打字快</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://github.com/zfdang/Android-Touch-Helper/releases" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/app/开屏跳过.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【安卓】开屏跳过</strong>
                                    </div>
                                    <p class="overflowClip_2">安卓系统的开屏广告自动跳过助手</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://mp.weixin.qq.com/s/0lNwR4HWVugqc_p29mmJ-A" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/李跳跳.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【安卓】李跳跳</strong>
                                    </div>
                                    <p class="overflowClip_2">自动跳过 APP 开屏广告</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://apps.apple.com/cn/app/documents-by-readdle/id364901807" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/documents.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>【iOS】Documents</strong>
                                    </div>
                                    <p class="overflowClip_2">超级文件管理 App</p>
                                </div>
                            </div>
                        </a>
                    </div> -->
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="软件资讯">软件资讯</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.ruancan.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="sspai.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/softzixun/ruancan.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>软餐</strong>
                                    </div>
                                    <p class="overflowClip_2">新鲜软件资讯</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://sspai.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="sspai.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/sspai.com.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>少数派</strong>
                                    </div>
                                    <p class="overflowClip_2">高效工作，品质生活</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.appinn.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="appinn.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/appinn.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>小众软件</strong>
                                    </div>
                                    <p class="overflowClip_2">分享免费、小巧、实用的软件</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.iplaysoft.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.iplaysoft.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/iplaysoft.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>异次元软件</strong>
                                    </div>
                                    <p class="overflowClip_2">软件改变生活</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="关注博客">关注博客</h4>
                <div class="row">                    
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.runningcheese.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="runningcheese.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/runningcheese.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>奔跑中的奶酪</strong>
                                    </div>
                                    <p class="overflowClip_2">有智，有趣，有爱</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://laod.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="laod.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/老D网.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>老D博客</strong>
                                    </div>
                                    <p class="overflowClip_2">老D网</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://51.ruyo.net/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="laod.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/如有乐享.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>如有乐享</strong>
                                    </div>
                                    <p class="overflowClip_2">分享是一种态度，是一种美德</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://u9baoku.xyz/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="u9baoku.xyz">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/u9.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>悠久的小宝库</strong>
                                    </div>
                                    <p class="overflowClip_2">优秀软件搜集</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="其他">其他</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.12306.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="www.12306.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/12306.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1"><strong>12306 铁路</strong></div>
                                    <p class="overflowClip_2">官方购票渠道</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.coolist.net/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="coolist.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/coolist.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>酷软清单</strong>
                                    </div>
                                    <p class="overflowClip_2">精选软件清单</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <!-- <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://cowtransfer.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="cowtransfer.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/cowtransfer.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>奶牛快传</strong>
                                    </div>
                                    <p class="overflowClip_2">免费大文件传输工具</p>
                                </div>
                            </div>
                        </a>
                    </div> -->

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://filehelper.weixin.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="filehelper.weixin.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/filehelper.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>微信文件传输助手</strong>
                                    </div>
                                    <p class="overflowClip_2">手机微信扫码，轻松互传文件</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.wenshushu.cn/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="wenshushu.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wenshushu.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>文叔叔</strong>
                                    </div>
                                    <p class="overflowClip_2">传大文件、永不限速</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://sj.qq.com/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="sj.qq.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/yingyongbao.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>应用宝</strong>
                                    </div>
                                    <p class="overflowClip_2">手机应用游戏下载</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div><br />

                <h4 class="text-gray" style="display: inline-block;" id="关于我">关于我</h4>
                <div class="row">
                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://blog.51cto.com/acc8226" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="blog.51cto.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/51cto.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>51CTO 博客</strong>
                                    </div>
                                    <p class="overflowClip_2">代码撬动世界</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://blog.csdn.net/acc8226" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="blog.csdn.net">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/footprint/csdn.ico"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>CSDN 博客</strong>
                                    </div>
                                    <p class="overflowClip_2">专业IT技术发表平台</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://developer.aliyun.com/profile/expert/ocnteadm6n4ek" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="developer.aliyun.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/aliyun.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>阿里云开发者社区</strong>
                                    </div>
                                    <p class="overflowClip_2">云计算社区-阿里云</p>
                                </div>
                            </div>
                        </a>
                    </div>  

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.cnblogs.com/elaa/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="cnblogs.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/cnblogs.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的博客园</strong>
                                    </div>
                                    <p class="overflowClip_2">开发者的网上家园</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://bbs.huaweicloud.com/community/usersnew/id_1670488960101734" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="bbs.huaweicloud.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/huawei.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>华为云开发者社区</strong>
                                    </div>
                                    <p class="overflowClip_2">华为云开发者官网_华为云</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.jianshu.com/u/7ef875ed6ee8" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="jianshu.com">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/jianshu.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的简书</strong>
                                    </div>
                                    <p class="overflowClip_2">创作你的创作</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://juejin.cn/user/3421335914545502/posts" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="juejin.cn">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/juejin.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的掘金</strong>
                                    </div>
                                    <p class="overflowClip_2">代码不止，掘金不停</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://cloud.tencent.com/developer/user/9752791/articles" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="cloud.tencent.com/developer">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/腾讯云.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>腾讯云开发者社区</strong>
                                    </div>
                                    <p class="overflowClip_2">腾讯云开发者社区-腾讯云</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://acc8226.feipig.fun/" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom" title="acc8226.feipig.fun">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/blog_logo.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>🎉我的博客🎉</strong>
                                    </div>
                                </div>
                                <p class="overflowClip_2">hexo 框架搭建的博客</p>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://music.163.com/#/playlist?id=359236" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/网易云音乐.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的网易云歌单</strong>
                                    </div>
                                    <p class="overflowClip_2">云村的日子独自过</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://y.qq.com/n/ryqq/playlist/2733322324" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/qqmusic.jpg"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的 QQ 音乐歌单</strong>
                                    </div>
                                    <p class="overflowClip_2">企鹅歌单</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://weibo.com/u/1846300870" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/关于我/weibo.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的微博</strong>
                                    </div>
                                    <p class="overflowClip_2">默默关注伤心离开</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://www.zhihu.com/people/acc8226" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/知乎.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的知乎</strong>
                                    </div>
                                    <p class="overflowClip_2">学知识的平台</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://space.bilibili.com/107606582" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/bilibili.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的 bilibili</strong>
                                    </div>
                                    <p class="overflowClip_2">能搞 money 吗</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://weread.qq.com/misc/booklist/2404334_6OOC5iOGc" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/wxreader.webp"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的书单</strong>
                                    </div>
                                    <p class="overflowClip_2">只能用微信读书打开</p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="xe-card col-sm-4 col-md-3">
                        <a href="https://github.com/acc8226" target="_blank"
                            class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip"
                            data-placement="bottom">
                            <div class="xe-comment-entry">
                                <div class="xe-user-img">
                                    <img class="img-circle lazy" src="./imgs/github.png"
                                        onerror="javascript:this.src='./imgs/favicon.png'" width="40">
                                </div>
                                <div class="xe-comment">
                                    <div class="xe-user-name overflowClip_1">
                                        <strong>我的开源</strong>
                                    </div>
                                </div>
                                <p class="overflowClip_2">我的一些开源作品</p>
                            </div>
                        </a>
                    </div>
                </div><br />
            </div>

            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <div class="footer-text">
                        <p>© 2022–2024 ac网址导航</p>
                        <p>注：<a href="https://gitee.com/acc8226/nav" style='color:#878888'>本站内容均收集于网络</a>，源码修改于<a href='https://tools.liumingye.cn/' style='color:#878888'>刘明野的工具箱</a>。如有侵权，<a href="mailto:acc8226@qq.com">请联系我删除</a></p>
                    </div>
                </div>
                <div class="go-up">
                    <a href="#" rel="go-top">
                        <i class="fa fa-angle-up"></i>
                    </a>
                </div>
            </footer>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $(document).on('click', '.has-sub', function () {
                var _this = $(this)
                if (!$(this).hasClass('expanded')) {
                    setTimeout(function () {
                        _this.find('ul').attr("style", "")
                    }, 300);
                } else {
                    $('.has-sub ul').each(function (id, ele) {
                        var _that = $(this)
                        if (_this.find('ul')[0] != ele) {
                            setTimeout(function () {
                                _that.attr("style", "")
                            }, 300);
                        }
                    })
                }
            })
            $('.user-info-menu .hidden-xs').click(function () {
                if ($('.sidebar-menu').hasClass('collapsed')) {
                    $('.has-sub.expanded > ul').attr("style", "")
                } else {
                    $('.has-sub.expanded > ul').show()
                }
            })
            $("#main-menu li ul li").click(function () {
                // 删除其他兄弟元素的样式
                $(this).siblings('li').removeClass('active');
                // 添加当前元素的样式
                $(this).addClass('active');
            });
            $("a.smooth").click(function (ev) {
                ev.preventDefault();
                if ($("#main-menu").hasClass('mobile-is-visible') != true)
                    return;
                public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
                ps_destroy();
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 80
                }, {
                    duration: 500,
                    easing: "swing"
                });
            });
            return false;
        });
        var href = "";
        var pos = 0;
        $("a.smooth").click(function (e) {
            e.preventDefault();
            if ($("#main-menu").hasClass('mobile-is-visible') === true)
                return;
            $("#main-menu li").each(function () {
                $(this).removeClass("active");
            });
            $(this).parent("li").addClass("active");
            href = $(this).attr("href");
            pos = $(href).position().top - 100;
            $("html,body").animate({
                scrollTop: pos
            }, 500);
        });
    </script>
    <script src='./js/bootstrap.3.4.1min.js' id='bootstrap-js'></script><script src='./js/TweenMax.1.20.5.js' id='TweenMax-js'></script><script src='./js/app.js' id='appjs-js'></script>
</body></html>
